<template>
  <div class="body">

    <section class="content-banner">
      <div class="center-block">
        <span class="title">信息公开</span>
      </div>
    </section>

    <section class="tab-container">
      <ul class="tab clearfix">
        <li>
          <router-link to="/information">业务事项</router-link>
        </li>
        <li class="active">
          <router-link to="/information/approval">审批部门</router-link>
        </li>
      </ul>
    </section>

    <div class="notice">
      <div class="module">
        <div class="center-block">
          <panel-component title="省级部门">
            <div slot="body" style="width: 100%;overflow: hidden">
              <ul class="province clearfix">
                <li><a href="javascript:;">省发改委</a></li>
                <li><a href="javascript:;">省自然资源厅</a></li>
                <li><a href="javascript:;">省住房和城乡建设厅</a></li>
                <li><a href="javascript:;">交通运输厅</a></li>
                <li><a href="javascript:;">交通运输厅</a></li>
                <li><a href="javascript:;">通信厅</a></li>
                <li><a href="javascript:;">公安厅</a></li>
                <li><a href="javascript:;">评审公示</a></li>
                <li><a href="javascript:;">评审公示</a></li>
                <li><a href="javascript:;">评审公示</a></li>
                <li><a href="javascript:;">省住房和城乡建设厅</a></li>
                <li><a href="javascript:;">交通运输厅</a></li>
                <li><a href="javascript:;">交通运输厅</a></li>
                <li><a href="javascript:;">通信厅</a></li>
                <li><a href="javascript:;">公安厅</a></li>
                <li><a href="javascript:;">评审公示</a></li>
                <li><a href="javascript:;">评审公示</a></li>
                <li><a href="javascript:;">评审公示</a></li>
              </ul>
            </div>
          </panel-component>
          
          <div id="QuaT1" class="notice_title QuaT clearfix">
            <h2 class="circular-title">市级部门</h2>
            <div class="city">
              <h3 class="city_title">请选择城市</h3>
              <div id="QuaTle1" class="city-list clearfix">
                <span class="active">南昌市</span>
                <span>景德镇市</span>
                <span>萍乡市</span>
                <span>九江市</span>
                <span>新余市</span>
                <span>鹰潭市</span>
                <span>赣州市</span>
                <span>吉安市</span>
                <span>宜春市</span>
                <span>抚州市</span>
                <span>上饶市</span>
                <span>乐平市</span>
                <span>瑞昌市</span>
                <span>共青城市</span>
                <span>庐山市</span>
                <span>贵溪市</span>
                <span>瑞金市</span>
                <span>井冈山市</span>
                <span>丰城市</span>
                <span>樟树市</span>
                <span>高安市</span>
                <span>德兴市</span>
              </div>
            </div>
            <div id="QuaBoy1" class="QuaBoy">
              <section class="active">
                <h3 class="depart_title">请选择部门</h3>
                <ul class="depart-list clearfix">
                  <li v-for="(item,index) in depart" :key="index">
                    <router-link to="/information/detail?infoId=" :dataInfo="dataInfo">{{item}}</router-link>
                  </li>
                </ul>
              </section>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
</template>

<script>
  import {getInfo} from '@/api/information/index';

  export default {
    name: 'approval',
    data() {
      return {
        depart: [
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局',
          '南昌市住房和城乡建设局'
        ]
      }
    },
    mounted() {
      this.getPersonDetail()
    },
    methods: {
      getPersonDetail(id) {
        getInfo(id).then(res => {
          console.log(res)
        })
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  @import '../../assets/css/information.css';
</style>
